<div class="x-wrapper x-breadcrumb-wrapper" style="margin-top: 56px">
    <a class="x-breadcrumb-item" href="/">首页</a>
    <span class="x-breadcrumb-item"><?php echo $nav; ?></span>
</div>

<div class="x-wrapper" id="waterfall" style="position: relative; margin-top: 10px">
<?php
$userInfo = null;
if($list) {
foreach($list as $v) {
    $userInfo = $v['user_info'];
?>
<div class="x-wf-col" style="left: 0; top: 0">
    <div class="x-wf-user">
        <a class="x-wf-avatar" target="_blank" href="<?php echo \app\libs\Util::U('home', ['uid' => $v['str_uid']]); ?>">
            <img src="<?php echo \app\libs\Util::defaultAvatar($userInfo['avatar']); ?>">
        </a>
        <span class="x-wf-name"><?php echo $userInfo ? $userInfo['user_name'] : ''; ?></span>
    </div>
    <div class="x-wf-img">
        <img data-role="wfimg" src="<?php echo $v['thumb']; ?>" alt="<?php echo $v['title']; ?>">
        <a class="x-wf-img-mask" target="_blank" href="<?php echo \app\libs\Util::U('posts', ['id' => $v['id']], '.html'); ?>"></a>
    </div>
    <a class="x-wf-content" target="_blank" title="<?php echo $v['title']; ?>" href="<?php echo \app\libs\Util::U('posts', ['id' => $v['id']], '.html'); ?>">
        <h3><?php echo $v['title']; ?></h3>
        <p><?php echo $v['brief']; ?></p>
    </a>
    <div class="x-wf-footer"><?php echo date('Y-m-d H:i', $v['post_time']); ?> 发布</div>
</div>
<?php }} ?>
</div>
<div class="x-wrapper">
<div class="x-page" style="padding: 10px 20px"><?php echo $pageString; ?></div>
</div>
<script type="text/javascript" src="<?php echo RES; ?>/pc/js/waterfall.js"></script>
